<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>蓝源Eloan-P2P平台</title>
    <link rel="stylesheet" href="/js/bootstrap-3.3.2-dist/css/bootstrap.css" type="text/css"/>
    <link rel="stylesheet" href="/css/core.css" type="text/css"/>
    <script type="text/javascript" src="/js/jquery/jquery-2.1.3.js"></script>
    <script type="text/javascript" src="/js/bootstrap-3.3.2-dist/js/bootstrap.js"></script>
    <script type="text/javascript" src="/js/jquery.bootstrap.min.js"></script>

    <link rel="stylesheet" type="text/css" href="/js/plugins/flipcountdown/jquery.flipcountdown.css"/>
    <script type="text/javascript" src="/js/plugins/flipcountdown/jquery.flipcountdown.js"></script>
</head>

<script>
    $(function () {

        $.each($(".countdown"), function (index, ele) {
            var time = $(ele).data("time");
            $(ele).flipcountdown({
                size: 'xs',
                beforeDateTime: time
            });
        });

    });

</script>
<body>
<!-- 网页顶部导航 -->
<!-- 网页导航 -->

<div class="el-header">
    <div class="container" style="position: relative;">
        <ul class="nav navbar-nav navbar-right" >
            <li><a href="/">首页</a></li>
            <li><a href="/login.html">登录</a></li>
            <li><a href="/register.html">快速注册</a></li>
            <li><a href="#">帮助</a></li>
        </ul>
      <!--  <ul class="nav navbar-nav navbar-right" >
            <li><a href="/">首页</a></li>
            <li>
                <a class="el-current-user" href="/personal" >用户名：
                <span th:text="${loginInfo.username}"></span>
                </a>
            </li>
            <li><a href="/recharge">账户充值 </a></li>
            <li><a href="/logout">注销 </a></li>
            <li><a href="#">帮助</a></li>
        </ul>-->
    </div>
</div>
<div class="navbar navbar-default el-navbar">
    <div class="container">
        <div class="navbar-header">
            <a href="/">
                <img alt="Brand" src="/images/logo.png">
            </a>
        </div>
        <ul class="nav navbar-nav">
            <li id="index"><a href="/">首页</a></li>
            <li id="invest"><a href="/invest">我要投资</a></li>
            <li id="borrow"><a href="/borrow">我要借款</a></li>
            <li id="personal"><a href="/personal">个人中心</a></li>
            <li><a href="#">新手指引</a></li>
            <li><a href="#">关于我们</a></li>
        </ul>
    </div>
</div>

<script type="text/javascript">
    // <#if currentNav??>
    $(".navbar-nav li[id=${currentNav}]").addClass("active");
    // </#if>
</script>


<!-- banner广告部分 start -->
<div class="container-fuil">
    <div id="carousel-banner-generi" class="carousel slide el-banner" data-ride="carousel">
        <ol class="carousel-indicators">
            <li data-target="#carousel-banner-generi" data-slide-to="0" class="active"></li>
            <li data-target="#carousel-banner-generi" data-slide-to="1"></li>
        </ol>
        <!-- Wrapper for slides -->
        <div class="carousel-inner" role="listbox">
            <div class="item active">
                <img src="/images/banner01.jpg" alt="...">
                <div class="carousel-caption"></div>
            </div>
            <div class="item">
                <img src="/images/banner02.jpg" alt="...">
                <div class="carousel-caption"></div>
            </div>
        </div>
        <!-- Controls -->
        <a class="left carousel-control" href="#carousel-banner-generi" role="button" data-slide="prev"> <span
                class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="#carousel-banner-generi" role="button" data-slide="next"> <span
                class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>
</div>
<!-- banner广告部分 end -->

<!-- 项目3大特色feature -->
<div class="container el-feature">
    <dl class="el-feature-item01">
        <dt>投资理财</dt>
        <dd>稳定投资、高收益、短期限，易融贷先行赔付，保障投资人权益。</dd>
    </dl>
    <dl class="el-feature-item02">
        <dt>投资理财</dt>
        <dd>稳定投资、高收益、短期限，易融贷先行赔付，保障投资人权益。</dd>
    </dl>
    <dl class="el-feature-item03">
        <dt>投资理财</dt>
        <dd>稳定投资、高收益、短期限，易融贷先行赔付，保障投资人权益。</dd>
    </dl>
</div>


<div class="container el-panel">
    <!-- 发标公告 -->
    <div class="panel el-panel">
        <div class="panel-title">
					<span class="pull-left">
						发标公告
					</span>
        </div>
        <table class="table el-table table-hover">
            <thead>
            <tr>
                <th>借款人</th>
                <th>借款标题</th>
                <th>年利率</th>
                <th>金额</th>
                <th>还款方式</th>
                <th>借款期限</th>
                <th width="200px">发标时间</th>
                <th width="160px">发标倒计时</th>
            </tr>
            </thead>
            <tbody>
            <!--<#if unPublishBidRequest?size &gt; 0 >-->
            <tr th:each="data : ${unPublishBidRequest}">
                <td th:text="${data.createUser.username }">名字</td>
                <td th:text="${data.title}">标题</td>
                <td class="text-info" th:text="${data.currentRate}+'%'">
                    比例%
                </td>
                <td class="text-info" th:text="${data.bidRequestAmount}">借款金额</td>
                <td th:text="${data.displayReturnType}"></td>
                <td th:text="${data.monthes2return}+'月'"></td>
                <!--<td th:text="${data.publishTime?string('yyyy-MM-dd HH:mm:ss')}"></td>-->
                <td th:text="${#dates.format(data.publishTime, 'yyyy-MM-dd HH:mm:ss')}"></td>

                <td class="countdown" th:data="${#dates.format(data.publishTime, 'yyyy-MM-dd HH:mm:ss')}"></td>
                <!--<td class="countdown" data-time="${data.publishTime?string('MM/dd/yyyy HH:mm:ss')}"></td>-->
            </tr>

            <tr th:if="${unPublishBidRequest == null}">
                <td colspan="8" align="center">
                    <p class="text-danger">目前暂时没有待发布的借款</p>
                </td>
            </tr>
            </tbody>
        </table>
    </div>
    <div class="panel el-panel">
        <!-- 投资列表 -->
        <div class="panel-title">
					<span class="pull-left">
						进行中借款
					</span>
            <div class="pull-right">
                <a class="btn btn-link " href="/invest">
                    进入投资列表
                </a>
            </div>
        </div>
        <table class="table el-table table-hover">
            <thead>
            <tr>
                <th>借款人</th>
                <th>借款标题</th>
                <th>年利率</th>
                <th>金额</th>
                <th>还款方式</th>
                <th>借款期限</th>
                <th>进度</th>
                <th width="80px">操作</th>
            </tr>
            </thead>
            <tbody>
            <tr th:each="data : ${bidRequests}">
                <td th:text="${data.createUser.username}">HH</td>
                <td th:text="${data.title}">标题呵呵呵</td>
                <td class="text-info" th:text="${data.currentRate}">利率
                </td>
                <td class="text-info" th:text="${data.bidRequestAmount}">借款金额</td>
                <td th:text="${data.displayReturnType}">还款类型</td>
                <td th:text="${data.monthes2return}+'月'"></td>
                <td>
                    <div class="" th:text="${data.persent}+'%'">

                    </div>
                </td>
                <td><a class="btn btn-danger btn-sm"
                       th:href="@{'/borrow_info?id='+${data.id}}"
                >查看</a></td>
            </tr>
            <tr th:if="${ bidRequests == null}">
                <td colspan="8" align="center">
                    <p class="text-danger">目前暂时没有进行中的借款</p>
                </td>
            </tr>
            </tbody>

        </table>
    </div>


    <div class="panel el-panel">
        <div class="panel-title">
					<span class="pull-left">
						企业最新资讯
					</span>
            <div class="pull-right">
                <a class="btn btn-link " href="">
                    更多资讯
                </a>
            </div>
        </div>
        <div class="el-new-list">
            <ul>
                <li>
                    <a href="#">
                        <span class="pull-left">央视力挺互联网金融 肯定P2P行业 </span>
                        <span class="pull-right">发表日期：2018-03-23</span>
                        <span class="clearfix"></span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <span class="pull-left">央视力挺互联网金融 肯定P2P行业 </span>
                        <span class="pull-right">发表日期：2018-03-23</span>
                        <span class="clearfix"></span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <span class="pull-left">央视力挺互联网金融 肯定P2P行业 </span>
                        <span class="pull-right">发表日期：2018-03-23</span>
                        <span class="clearfix"></span>
                    </a>
                </li>
            </ul>
        </div>
    </div>
</div>

<!-- 网页版权 -->
<div class="container-foot-2">
    <div class="context">
        <div class="left">
            <p>版权所有：叩丁狼教育</p>
            <p>广州校区：广州市天河区棠下涌东路大地工业区D栋六楼</p>
            <p>北京校区：北京昌平区沙河镇万家灯火装饰城2楼8077号</p>
            <p>上海校区：上海市青浦区华新镇华隆路1777号E通世界商务园华新园A座4楼402</p>
            <p>电&emsp;&emsp;话： 020-85628002&emsp;&emsp;
                邮箱：&emsp;service@wolfcode.cn</p>
            <p>
                <a href="http://www.miitbeian.gov.cn" style="color: #ffffff">ICP备案
                    ：粤ICP备字17147191号-1</a>
            </p>
        </div>
        <div class="right">
            <a target="_blank" href="#"><img src="/images/wx-hover.png" title="官方微信"></a>
            <a target="_blank" href="#"><img src="/images/xl-hover.png" title="官方微博"></a>
        </div>
        <div class="clearfix"></div>
    </div>
</div>
</body>
</html>